p.small { font-size: 10px; }
p.center { text-align: center; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

html { background-color: #F8F8FF; }

body
{
    background-color: #FFFFFF;
    font-family: helvetica, arial, sans-serif;
    margin: 0px auto;
    width: 1024px;
    box-shadow: 0px 0px 32px #696969;
}

body.small
{
    margin: 128px auto;
    width: 256px;
}

body.login table { width: 256px; }

table, th, td
{
    border: 1px solid #000000;
    padding: 5px;
    font-size: 12px;
}

table thead { background-color: #EEEEEE; }
table tfoot { text-align: center; }

#user
{
    float: right;
    font-size: 10px;
    padding: 4px 8px;
}

#topnav a { color: #FFFFFF; }

#topnav
{
    height: 32px;
    background-color: #000000;
    background: -moz-linear-gradient(0% 100% 90deg, #000000, #696969);
    background: -webkit-linear-gradient(top, #696969, #000000);
}

#topnav ul { list-style: none; }

#topnav li
{
    float: left;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    padding: 10px 0;
    width: 64px;
}

#topnav li.active
{
    background-color: #696969;
    background: -moz-linear-gradient(0% 100% 90deg, #696969, #A9A9A9);
    background: -webkit-linear-gradient(top, #A9A9A9, #696969);
}

#header
{
    font-size: 22px;
    text-align: center;
}

#footer
{
    border-top: 1px solid #CCCCCC;
    font-size: 10px;
    padding: 4px 8px;
}

#footer ul { list-style: none; }

#footer li
{
    float: right;
    padding: 0px 4px;
}

#content
{
    border-top: 1px solid #CCCCCC;
}